3" class="article-share-link">Share</a>
      
      
    </footer>
  </div>
  
</article>


  
    <article id="post-boxModel" class="article article-type-post" itemscope itemprop="blogPost">
  <div class="article-meta">
    <a href="/2017/05/18/boxModel/" class="article-date">
  <time datetime="2017-05-18T05:25:09.000Z" itemprop="datePublished">2017-05-18</time>
</a>
    
  </div>
  <div class="article-inner">
    
    
      <header class="article-header">
        
  
    <h1 itemprop="name">
      <a class="article-title" href="/2017/05/18/boxModel/">boxModel</a>
    </h1>
  

      </header>
    
    <div class="article-entry" itemprop="articleBody">
      
        <h3 id="css中-Box-model-分类"><a href="#css中-Box-model-分类" class="headerlink" title="css中 Box model 分类"></a>css中 Box model 分类</h3><p>css中Box 分为两种，一种是W3C文章 和 IE 标准盒子模型</p>
<p>怪异模式是“部分浏览器在支持w3c标准的同时还保留了原来的解析模式，怪异模式主要表现在IE内核的浏览器</p>
<p>在标准模式下，一个<em>块</em>的总宽度 = <code>magin +  padding + border</code></p>
<p>在怪异模式下，一个<em>快</em>的总宽度 = <code>width + margin</code>(也就是说width已经包含了padding和border值)</p>
        
          <p class="article-more-link">
            <a href="/2017/05/18/boxModel/#more">Read More</a>
          </p>
        
      
    </div>
    <footer class="article-footer">
      <a data-url="http://yoursite.com/2017/05/18/boxModel/" data-id="cjo73dft400049cteh0gr3p2r" class="article-share-link">Share</a>
      
      
    </footer>
  </div>
  
</article>


  
    <article id="post-firstPage" class="article article-type-post" itemscope itemprop="blogPost">
  <div class="article-meta">
    <a href="/2017/05/15/firstPage/" class="article-date">
  <time datetime="2017-05-15T04:20:34.361Z" itemprop="datePublished">2017-05-15</time>
</a>
    
  </div>
  <div class="article-inner">
    
    
      <header class="article-header">
        
  
    <h1 itemprop="name">
      <a class="article-title" href="/2017/05/15/firstPage/">first Page</a>
    </h1>
  

      </header>
    
    <div class="article-entry" itemprop="articleBody">
      
        <p>忙了一上午终于把<strong>hexo个人博客矿建</strong>给搭建好了，肩膀酸，哎，赶紧总结一下吧，以备后日复习只用</p>
<h1 id="markdown-基本操作"><a href="#markdown-基本操作" class="headerlink" title="markdown 基本操作"></a>markdown 基本操作</h1><h2 id="关于段落换行"><a href="#关于段落换行" class="headerlink" title="关于段落换行"></a>关于段落换行</h2><pre><code>单个回车
视为空格。
连续回车

才能分段。

行尾加两个空格，这里-&gt;  
即可段内换行。

*这些文字显示为斜体*

**这些文字显示为粗体
</code></pre>
        
          <p class="article-more-link">
            <a href="/2017/05/15/firstPage/#more">Read More</a>
          </p>
        
      
    </div>
    <footer class="article-footer">
      <a data-url="http://yoursite.com/2017/05/15/firstPage/" data-id="cjo73dft300039cte0eb8yqvy" class="article-share-link">Share</a>
      
      
    </footer>
  </div>
  
</article>


  
    <article id="post-hello-world" class="article article-type-post" itemscope itemprop="blogPost">
  <div class="article-meta">
    <a href="/2017/05/15/hello-world/" class="article-date">
  <time datetime="2017-05-15T02:26:01.639Z" itemprop="datePublished">2017-05-15</time>
</a>
    
  </div>
  <div class="article-inner">
    
    
      <header class="article-header">
        
  
    <h1 itemprop="name">
      <a class="article-title" href="/2017/05/15/hello-world/">Hello World</a>
    </h1>
  

      </header>
    
    <div class="article-entry" itemprop="articleBody">
      
        <p>Welcome to <a href="https://hexo.io/" target="_blank" rel="external">Hexo</a>! This is your very first post. Check <a href="https://hexo.io/docs/" target="_blank" rel="external">documentation</a> for more info. If you get any problems when using Hexo, you can find the answer in <a href="https://hexo.io/docs/troubleshooting.html" target="_blank" rel="external">troubleshooting</a> or you can ask me on <a href="https://github.com/hexojs/hexo/issues" target="_blank" rel="external">GitHub</a>.</p>
<h2 id="Quick-Start"><a href="#Quick-Start" class="headerlink" title="Quick Start"></a>Quick Start</h2><h3 id="Create-a-new-post"><a href="#Create-a-new-post" class="headerlink" title="Create a new post"></a>Create a new post</h3><figure class="highlight bash"><table><tr><td class="gutter"><pre><div class="line">1</div></pre></td><td class="code"><pre><div class="line">$ hexo new <span class="string">"My New Post"</span></div></pre></td></tr></table></figure>
<p>More info: <a href="https://hexo.io/docs/writing.html" target="_blank" rel="external">Writing</a></p>
<h3 id="Run-server"><a href="#Run-server" class="headerlink" title="Run server"></a>Run server</h3><figure class="highlight bash"><table><tr><td class="gutter"><pre><div class="line">1</div></pre></td><td class="code"><pre><div class="line">$ hexo server</div></pre></td></tr></table></figure>
<p>More info: <a href="https://hexo.io/docs/server.html" target="_blank" rel="external">Server</a></p>
<h3 id="Generate-static-files"><a href="#Generate-static-files" class="headerlink" title="Generate static files"></a>Generate static files</h3><figure class="highlight bash"><table><tr><td class="gutter"><pre><div class="line">1</div></pre></td><td class="code"><pre><div class="line">$ hexo generate</div></pre></td></tr></table></figure>
<p>More info: <a href="https://hexo.io/docs/generating.html" target="_blank" rel="external">Generating</a></p>
<h3 id="Deploy-to-remote-sites"><a href="#Deploy-to-remote-sites" class="headerlink" title="Deploy to remote sites"></a>Deploy to remote sites</h3><figure class="highlight bash"><table><tr><td class="gutter"><pre><div class="line">1</div></pre></td><td class="code"><pre><div class="line">$ hexo deploy</div></pre></td></tr></table></figure>
<p>More info: <a href="https://hexo.io/docs/deployment.html" target="_blank" rel="external">Deployment</a></p>

      
    </div>
    <footer class="article-footer">
      <a data-url="http://yoursite.com/2017/05/15/hello-world/" data-id="cjo73dfsz00019cteww6t4m46" class="article-share-link">Share</a>
      
      
    </footer>
  </div>
  
</article>


  

</section>
        
          <!-- <aside id="sidebar">
  
    

  
    

  
    
  
    
  <div class="widget-wrap">
    <h3 class="widget-title">Archives</h3>
    <div class="widget">
      <ul class="archive-list"><li class="archive-list-item"><a class="archive-list-link" href="/archives/2017/11/">November 2017</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2017/06/">June 2017</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2017/05/">May 2017</a></li></ul>
    </div>
  </div>


  
    
  <div class="widget-wrap">
    <h3 class="widget-title">Recent Posts</h3>
    <div class="widget">
      <ul>
        
          <li>
            <a href="/2017/11/07/canvas-api详解/">canvas api详解</a>
          </li>
        
          <li>
            <a href="/2017/06/11/modal/">modal</a>
          </li>
        
          <li>
            <a href="/2017/05/19/canvas/">canvas</a>
          </li>
        
          <li>
            <a href="/2017/05/19/blog/">blog</a>
          </li>
        
          <li>
            <a href="/2017/05/18/boxModel/">boxModel</a>
          </li>
        
      </ul>
    </div>
  </div>

  
</aside> -->
        
      </div>
      <footer id="footer">
  
  <div class="outer">
    <div id="footer-info" style="text-align:center;" class="inner">
      2018
      <a href="http://www.miitbeian.gov.cn/" target="_blank">豫ICP备18019027-1号</a>
    </div>
  </div>
</footer>
    </div>
    <nav id="mobile-nav">
  
    <a href="/" class="mobile-nav-link">Home</a>
  
    <a href="/archives" class="mobile-nav-link">Archives</a>
  
</nav>
    

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>


  <link rel="stylesheet" href="/fancybox/jquery.fancybox.css">
  <script src="/fancybox/jquery.fancybox.pack.js"></script>


<script src="/js/script.js"></script>

  </div>
</body>
</html>